body{
    width: 100%;
    height: 640px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#63768a), to(#d4d0cd));
    color:#efffff;
    font-family:Microsoft YaHei;

}
.today{
    width: 25%;
    height: 240px;
    background-color: rgba(202, 208, 213, 0.44);
    border-radius:2%;
    margin-top: 3%;
    border: 1px solid #bccccc;

}

.qi1{
    width: 50%;
    height: 90px;
    background-color: rgba(202, 208, 213, 0.44);
    border-radius:5px;
    margin-right: -1%;
    margin-top: 3%;
    border: 1px solid #bccccc;

}

.qi2{
    width: 50%;
    height: 90px;
    background-color: rgba(97, 103, 108, 0.34);
    border-radius:5px;
    margin-left: -1%;
    margin-top: 3%;
    border: 1px solid #96a5a5;

}
#clock{
    float: right;
    margin-top: -11%;
    margin-right: 3%;
}

